<template>
  <n-upload
    action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
    :headers="{
      'naive-info': 'hello!'
    }"
    :data="{
      'naive-data': 'cool! naive!'
    }"
  >
    <n-button>上传文件</n-button>
  </n-upload>
  <n-upload
    action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
    :default-file-list="previewFileList"
    list-type="image-card"
    @preview="handlePreview"
  />
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import { UploadFileInfo } from 'naive-ui'

const previewFileList = reactive([])
const showModal = ref(true)

const handlePreview = () => {

}

</script>

<style scoped></style>
